<!--
 * @Author: zoey
 * @Date: 2023-05-13 22:33:51
 * @LastEditors: zoey
 * @LastEditTime: 2023-05-18 10:28:46
 * @Description: 请填写简介
-->
<template>
  <div v-cloak>
    <!-- <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive> -->
    <!-- keepAlive为false -->
    <router-view v-if="isReload"></router-view>
    <!-- </transition> -->
  </div>
</template>
<script>
  export default {
    name: 'App',
    data() {
      return {
        isReload: true,
      }
    },
    provide() {
      return {
        reload: this.reload
      }
    },
    methods: {
      reload() {
        this.isReload = false;
        this.$nextTick(function () {
          this.isReload = true;
        })
      }
    }
  }
</script>
<style scoped>
  /* slide-  页面切换动画 */
  [v-cloak] {
    display: none;
  }

  .zoom-fade-enter-active,
  .zoom-fade-leave-active {
    transition: transform 0.35s, opacity 0.28s ease-in-out;
  }

  .zoom-fade-enter-from {
    opacity: 0;
    transform: scale(0.97);
  }

  .zoom-fade-leave-to {
    opacity: 0;
    transform: scale(1.03);
  }
</style>